@import '~@/style/base.less';
@text_color: #000;
@border_color: #E4E4E4;
@active_color: #F9BF29;
@subtext_color: #666;
// .seat{
//   &_wrap{
//     background: #fff;
//   }
 
//   &_item {
//     height: 126px;
//     font-size: 30px;
//     .frow(center, center);
//     &.active {
//       .active();
//     }
//   }
// }

.times_wrap {
  padding: 0 5%;
  margin: 0;
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
  li {
    flex: 0 0 auto;
    // min-width: 140px;
    min-width: 22%;
    width: 22%;
    position: relative;
    .frow(center,center, column) ;
    text-align: center;
    font-size: 30px;
    // padding: 38px 20px 29px;
    
    &:not(:nth-child(4n)) {
      margin: 0 4% 36px 0;
    }
    list-style: none;
    color: @color_subtext;
    border: 2px solid #eee;
    border-radius: 6px;
    span {
      &:nth-child(1) {
        line-height: 56px;
        border-radius: 8px;
        min-width: 148px;
        display: inline-block;
      }
    }
    &.active {
      color: @active_color;
      border: 2px solid @active_color;;
    }
  }
}
